<div style="display: flex; justify-content: center; align-items: center; text-align: center;">
    <div>

        <!-- Logo Row -->
        <div style="display: flex; justify-content: center; align-items: center; gap: 10px; margin-bottom: 10px;">
            <a href="https://github.com/mit-han-lab/nunchaku" target="_blank">
                <img src="https://github.com/mit-han-lab/nunchaku/raw/refs/heads/main/assets/nunchaku.svg"
                    alt="nunchaku logo" style="height: 150px; width: auto;" />
            </a>
            <a href="https://hanlab.mit.edu/projects/svdquant" target="_blank">
                <img src="https://github.com/mit-han-lab/nunchaku/raw/refs/heads/main/assets/svdquant.svg"
                    alt="svdquant logo" style="height: 40px; width: auto;" />
            </a>
        </div>

        <!-- Title -->
        <h1 style="margin-top: 0;">INT4 FLUX.1-Redux-dev Demo</h1>

        <div style="display: flex; justify-content: center; align-items: center; text-align: center;">
            {device_info}
        </div>
        {count_info}
    </div>
</div>
